<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="screen-orientation" content="portrait">
 		<meta name="x5-orientation" content="portrait">
		<meta name="viewport" id="viewport" content="width=640,maximum-scale=1,minimum-scale=0.5,user-scalable=no">
		<title>爱奇艺VIP专享转盘</title>
		<!--css-->
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<!--css-->
		<script type="text/javascript" src="js/rem.js"></script>
		<script type="text/javascript">
			document.addEventListener("DOMContentLoaded",function () {
		        var DEFAULT_WIDTH = 640; /*页面的默认宽度*/
		        var ua = navigator.userAgent.toLowerCase(); /*根据useragent的信息获取浏览器信息*/
		        var deviceWidth = window.screen.width; /*设备的宽度*/
		        var devicePixelRatio = window.devicePixelRatio || 1; /*物理像素和设备独立像素的比例，默认为1*/
		        var targetDensitydpi;/*Android4.0以下手机不支持viewport的width，需要设置target-densitydpi*/
		        if (ua.indexOf("android") !== -1) {
		            targetDensitydpi = DEFAULT_WIDTH / deviceWidth * devicePixelRatio * 160;
		            var viewport = document.querySelector("#viewport");
		            viewport.setAttribute("content",'target-densitydpi=' + targetDensitydpi+',width=device-width,user-scalable=no');
		        }
		    })
		</script>
	</head>
	<body>
		<div class="web">
			<!--转盘-->
			<div class="dial">
				<div class="dial_bg">
					<img id="img" src="images/index-bg.png"/>
				</div>
				<!--绝对定位的元素-->
				<div class="rule">
					<div class="rule_rel">
						<div class="gantan">
							<img src="images/gantan.png"/>
							活动规则
						</div>
						<!--<div class="gantan_word"></div>-->
					</div>
				</div>
				<div class="prize">
					<div class="prize_rel">
						<div class="money">
							<img src="images/money.png"/>
							我的奖品
						</div>
					</div>
				</div>
				<div class="marquee">
					<div class="marquee_rel">
						<div class="sound">
							<img src="images/sound.png"/>
							获奖名单:
						</div>
						<!--<div class="get_prize"></div>-->
						<div class="roll">
							<div class="roll_abs"><p class="p_lis"><span>机器猫</span>获得爱奇艺会员1个月;</p><p class="p_lis"><span>自由飞翔</span>获得爱奇年会员;</p><p class="p_lis"><span>我是笨笨</span>获得爱奇年会员;</p><p class="p_lis"><span>熊猫</span>获得爱奇定制版双肩背包;</p></p><p class="p_lis"><span>melon</span>获得爱奇艺会员一个月;</p></div>
						</div>			
					</div>
				</div>
				<div class="times">今日剩余次数：<span id='times'></span>次</div>
				<div class="round" ><img src="images/round.png"/></div>
				<div class="pointer"><img src="images/pointer.png"/></div>
				<div class="btn" id="btn"><img id="img_change" src="images/click-before.png"/></div>
				<div class="rotate" id="rotate">
					<img id="rotate_img" src="images/rotate.png"/>
				</div>
				<!--绝对定位的元素-->
			</div>
			<!--转盘-->
			<!--活动说明-->
			<div class="description_mask">
				<div class="description_con">
					<div class="close_des"><img src="images/xx.png"/></div>
					<div class="description_title">活动说明</div>
					<div class="des_list_01">活动说明：参与活动即有机会获得幸运奖，每天可免费参与8次。此活动为概率中奖，奖品数量有限，祝你好运！</div>
					<div class="des_list_02">
						<p>惊喜一：666元红包</p>
						<p>惊喜二：166元红包</p>
						<p>惊喜三：66元红包</p>
						<p>惊喜四：6元红包</p>
						<p>惊喜五：幸运奖</p>
					</div>
					<div class="des_list_03">
						<p>重要声明</p>
						<p>1.实物类奖品请将在活动结束后5-10个工作日安排发货，请耐心等待
						<p>2.优惠券类奖品的使用规则详见每个优惠券的介绍页</p>
						<p>3.请兑换后仔细阅读使用流程，如有疑问可直接联系客服专线：</p>
						<p>020-85289927或客服QQ：2269854010（工作日10:00-18:00）</p>
						<p>4.通过非法途径获得奖品的，主办方有权不提供奖品，如有必要，将采取法律途径维权。</p>
					</div>
					<div class="des_list_04">
						<p>更多概率说明</p>
						<p>666元红包，共1份，中奖概率0.01%</p>
						<p>166元红包，共5份，中奖概率0.05%</p>
						<p>66元红包，共10份，中奖概率0.1%</p>
						<p>6元红包，共50份，中奖概率0.5%</p>
					</div>
				</div>
			</div>
			<!--活动说明-->
			<!--弹出礼物-->
			<div class="get_mask">
				<div class="get_con">
					<div class="get_blank">
						<div class="close" id="close">
							<img src="images/close.png"/>
						</div>
					</div>
					<div class="get_bg">
						<div class="crown"><img src="images/crown.png"/></div>
						<div class="light"><img src="images/light.png"/></div>
						<div class="get_img" >
							<a id="img_href" href=""><img id="get_img" src=""/></a>
						</div>
						<div class="congratulation">恭喜您中奖了</div>
						<div class="get_name" id="get_name"></div>
						<div class="get_btn">
							<a id="btn_href" href=""><div class="go"><img src="images/get-prize.png"/></div></a>
						</div>
					</div>
				</div>
			</div>
			<!--弹出礼物-->
			<!--我的奖品-->
			<div class="history">
				<div class="history_bg">
					<div class="close_des"><img src="images/xx.png"/></div>
					<img src="images/history_bg.png"/>
				</div>
				<div class="history_detail">
					<div class="detail_l">客服：<span class="qq"><img src="images/qq.png"/></span>2269854010</div>
					<div class="detail_r"><span class="phone"><img src="images/phone.png"/></span>020-85289927</div>
				</div>
				<div class="history_items" id="history_items">
				</div>
			</div>
			<!--我的奖品-->
		</div>
		<script type="text/javascript" src="js/jq-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/visitor.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</body>
</html>
